<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
<meta name="format-detection" content="telephone=no" /> 
<link rel="shortcut icon" href="images/logo.ico" />
<title>闪度生活</title>
<meta name="keywords" content=" " />
<meta name="description" content=" " />


<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/swiper-3.4.1.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/easing.js"></script>
<script src="js/swiper-3.4.1.min.js"></script>
<script src="js/index.js"></script>
<script src="js/main.js"></script>


<script src="./js/vue.js"></script>
<script src="./js/axios.min.js"></script>
<script src="./js/axios-config.js"></script>
<script src="./js/js.cookie.js"></script>
<script src="./js/utils.js"></script>

</head>
<body>
<div id="app" v-cloak>
<!--  / header  -->
<div class="stroy_rhead">
  <a href="javascript:history.go(-1)" class="back">
    <img src="images/hl.png"> 返回
  </a>
  <h5>我的老故事</h5>
</div>

<!--  / header  -->
<!--  / warpper  -->
<div class="myStroy">
        <div class="stroy1_hot mar_b">
                <div class="stroy1_hot_box clearfix" v-for="story in my_story">
                  <a href="stroy1_inner.html" @click="jump(story.oldstory_id)">
                  <div class="stroy1_hot_img">
                    <img :src="story.pic" width="100%">
                  </div>
                  <div class="stroy1_hot_text">
                    <h5>{{story.title}}</h5>
                    <p class="text">
                     {{story.content}}
                    </p>
                    <div class="stroy_function stroy_function1 clearfix" style="bottom: 0;">
                      <span class="left">人气：{{story.popularity}}</span>
                      <span class="right">编号：{{story.number}}</span>
                    </div>
                  </div>
                  </a>
                </div>
                <!--<div class="stroy1_hot_box clearfix">
                  <a href="stroy1_inner.html">
                  <div class="stroy1_hot_img">
                    <img src="images/stroy_hot2.jpg" width="100%">
                  </div>
                  <div class="stroy1_hot_text">
                    <h5>子不语怪力乱神</h5>
                    <p class="text">
                      的；客官说的那个；上课的功能；适当的；各路大神给多少；感动生命
                    </p>
                    <div class="stroy_function  stroy_function1 clearfix">
                      <span class="left">人气：3</span>
                      <span class="right">编号：00035</span>
                    </div>
                  </div>
                  </a>
                </div>
                <div class="stroy1_hot_box clearfix">
                  <a href="stroy1_inner.html">
                  <div class="stroy1_hot_img">
                    <img src="images/stroy_hot3.jpg" width="100%">
                  </div>
                  <div class="stroy1_hot_text">
                    <h5>子不语怪力乱神</h5>
                    <p class="text">
                      的；客官说的那个；上课的功能；适当的；各路大神给多少；感动生命
                    </p>
                    <div class="stroy_function stroy_function1 clearfix">
                      <span class="left">人气：3</span>
                      <span class="right">编号：00035</span>
                    </div>
                  </div>
                  </a>
                </div>-->
        </div>
</div>

<!--  / warpper  -->
  

<!--  / footer  -->
<!--  / footer  -->
</div>
</body>
<script>
$(window).ready(function(){
	var vm = new Vue({
		el:"#app",
		data() {
	    return {
	        userId: (() => {
	                
	            })(),
	        my_story:''
	    }
		},
    created: function () {
		var $this = this;
    	$this.getUcenter_my_story();
        
    },
    mounted:function(){
    	
    },
    methods:{
    	
    	//我的老故事
    	getUcenter_my_story:function(){
    		var $this = this;
    		
    		const data = {
//  			type:1
    		}
    		
    		Axios.post(window.Url.Ucenter_my_story, data).then((res) => {
    			
    			if(res.result == 1){
    				$this.my_story = res.info.oldstory;
    				
    			}
    			else{
    				alert('我的老故事'+res.info)
    			}
    			
        }).catch((err) => {
          console.log('我的老故事'+err)
        })
        
    	},
    	//跳转详情页
    	jump:function(type_id){
    		setCookie('oldstoryId',type_id);
    	}
	}
})
    $('.energetic1 li').click(function(){
      window.location.href = "tourItinerary.html";
    });
    $('.myCollect1').click(function(){
      window.location.href = "InformationDetails.html";
    });
    
  $(window).load(function(){

  })

  $(window).resize(function(){

  })
})  
</script>
</html>
